/*
打包html：
需要plugins: 1.下载  2.引入  3.使用
 */
const HtmlWebpackPlugin = require('html-webpack-plugin')
const {resolve} = require('path')

module.exports = {
  entry: './src/index.js',
  output: {
    filename: "bundle.js",
    path: resolve(__dirname,'build')
  },
  module: {
    rules: []
  },
  plugins: [
    // html打包插件html-webpack-plugin
    /*
    功能: 默认会创建一个空的html，自动引入打包完成资源
     */
    new HtmlWebpackPlugin({
      template: "./src/index.html",  // 以模板创建新的html
    })
  ],
  mode: "development"
}